<template>
	<view class="fifth_item">
		<view>
			<image class="fifth_img" @click="tz('更多风格1')" src="https://geng-123.oss-cn-beijing.aliyuncs.com/%E9%A6%96%E9%A1%B5%E5%9B%BE%E7%89%87/6.%E6%9B%B4%E5%A4%9A%E9%A3%8E%E6%A0%BC/1.jpg" mode=""></image>
			<view>草原风格</view>
		</view>
		<view>
			<image class="fifth_img" @click="tz('更多风格2')" src="https://geng-123.oss-cn-beijing.aliyuncs.com/%E9%A6%96%E9%A1%B5%E5%9B%BE%E7%89%87/6.%E6%9B%B4%E5%A4%9A%E9%A3%8E%E6%A0%BC/2.jpg" mode=""></image>
			<view>极简风格</view>
		</view>
		
	</view>
	<view class="fifth_item">
		<view>
			<image class="fifth_img" @click="tz('更多风格3')" src="https://geng-123.oss-cn-beijing.aliyuncs.com/%E9%A6%96%E9%A1%B5%E5%9B%BE%E7%89%87/6.%E6%9B%B4%E5%A4%9A%E9%A3%8E%E6%A0%BC/3.jpg" mode=""></image>
			<view>明制汉服</view>
		</view>
		<view>
			<image class="fifth_img" @click="tz('更多风格4')" src="https://geng-123.oss-cn-beijing.aliyuncs.com/%E9%A6%96%E9%A1%B5%E5%9B%BE%E7%89%87/6.%E6%9B%B4%E5%A4%9A%E9%A3%8E%E6%A0%BC/69F1968E6C1E49254048393150EF659D.jpg" mode=""></image>
			<view>主纱风格</view>
		</view>
		
	</view>
</template>

<script setup>
		function tz(name){	
		// console.log(name);
		uni.navigateTo({
			url:`xiangxi?kind=${name}`
		})
	}
</script>

<style scoped lang="scss">
.fifth_item{
	width: 690rpx;
	display: flex;
	justify-content: space-between; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	flex-wrap: wrap;
	// border: 1rpx solid red;
	margin-left: 30rpx;
	margin-top: 15rpx;
}
.fifth_img{
	width: 338rpx;
	height: 470rpx;
	border-radius: 30rpx;
}
</style>
